<template>
	<movable-area class="fixed-box">
		<movable-view class="fixed-button" direction="vertical" :inertia="true">
			<view class="customer-service" @click="handleMapClick">
				<view>
					<image class="customer-service-img" mode="widthFix" :src="icon2"></image>
				</view>
				<view>附近网点</view>
			</view>
		</movable-view>
	</movable-area>
</template>
<script>

export default {
	name: 'BaseDrag',
	data() {
		return {
			icon2: this.$imgUrl + 'index/posi.png',
		};
	},
	methods:{
		//附近网点悬浮
		handleMapClick() {
			uni.navigateTo({
				url: '/pages/map/index'
			});
		},
	}
};
</script>

<style lang="scss" scoped>
	.fixed-box {
		pointer-events: none; 
		width: 100vw;
		height: 90vh;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 2000;

	}
	
	.fixed-button {
		pointer-events: auto;
		width: max-content;
		height: auto;
		z-index: 2000;
		display: flex;
		align-items: center;
		justify-content: center;
		//控制按钮在页面的位置
		left: 0rpx;
		top:940rpx;
		
	}
	
	.customer-service {
		
		width: 112rpx;
		height: 112rpx;
		background-color: #4CBBAF;
		border-radius: 0 56rpx 56rpx 0;
		font-size: 20rpx;
		padding-right: 10rpx;
		color: #FFFFFF;
		text-align: center;
		position: relative;
		overflow: hidden;
		
	}
	.customer-service-img {
		margin-top: 20rpx;
		width: 38rpx;
		height: 38rpx;
	
	}
</style>
